<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="Keywords" content="上机考试管理系统">
<meta name="Description" content="创新实践训练二">
<title>上机考试管理系统</title>

<!-- -->
<style type="text/css">
*{margin:0}
.top{height:50px;background:black;padding-top:10px;}
.top span{color:white;font-size:30px;font-weight:700;}
.center{height:100px;background:#99ffff;padding-top:25px;text-align:center;}
.main{width:450px;height:350px;boder:none;margin:auto;text-align:center; padding-top:25px;margin:auto;}
.teacher{width:450px;height:350px;boder:none;margin:auto;text-align:center; padding-top:25px;margin:auto;}
.admin{width:450px;height:350px;boder:none;margin:auto;text-align:center; padding-top:25px;margin:auto;}
</style>

<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script>
$(document).ready(function(e) {
    $(".btn1").click(function(e) {
        $(".main").toggle();
        $(".teacher").hide();
        $(".admin").hide();
    });});
 
$(document).ready(function(e) {
	$(".btn2").click(function(e){
	       $(".teacher").toggle();
	       $(".main").hide();
	       $(".admin").hide();
	   });
});
$(document).ready(function(e) {
	$(".btn3").click(function(e) {
	       $(".admin").toggle();
	       $(".main").hide();
	       $(".teacher").hide();
	   });
});

</script>

</head>
<body>

<!-- 顶层盒子 -->
<div class="top">
<span style="text-align:center;display:block;">上机考试管理系统</span>
</div>
<!--选择按钮盒子 -->
<div class="center">
<input type="button" style="width:200px;height:60px;background:#99fff;border:none;outline:none;font-size:20px;font-weight:700;border-radius:20px;transition:0.3s;"  value="学生登录:"  class="btn1">
<input type="button" style="width:200px;height:60px;background:#99fff;border:none;outline:none;font-size:20px;font-weight:700;border-radius:20px;transition:0.3s;" value="教师登录"  class="btn2">
<input type="button" style="width:200px;height:60px;background:#99fff;border:none;outline:none;font-size:20px;font-weight:700;border-radius:20px;transition:0.3s;" value="管理员登陆" class="btn3">
</div>
<!-- 登陆盒子­ -->

<div class="main" style="text-align:center;display:block;">
<div class="studentname">账号:<input type="text" style="width:300px;height:30px;background:white;outline:none;font-size:20px;font-weight:700;" name="username" id="studentname" value=""></div>            
<div class="password">密码:<input type="password" style="width:300px;height:30px;background:white;outline:none;font-size:20px;font-weight:700;" id="studentpassword" name="password" value=""></div>          
<div class="button">
<input type="submit" style="width:100px;height:30px;background:white;outline:none;" class="btnOK" value="学生登录">
<input type="submit" style="width:60px;height:30px;background:white;outline:none;" class="btnReturn" value="取消"></div>
</div>

<div class="teacher" style="text-align:center;display:none;">
<div class="teachername">账号:<input type="text" style="width:300px;height:30px;background:white;outline:none;font-size:20px;font-weight:700;" id="studentname" name="username" value=""></div>            
<div class="password">密码:<input type="password" style="width:300px;height:30px;background:white;outline:none;font-size:20px;font-weight:700;" id="studentpassword" name="password" value=""></div>          
<div class="button">
<input type="submit" style="width:100px;height:30px;background:white;outline:none;" class="btnOK" value="教师登录">
<input type="submit" style="width:60px;height:30px;background:white;outline:none;" class="btnReturn" value="取消"></div>
</div>

<div class="admin" style="text-align:center;display:none;">
<div class="adminname">账号:<input type="text" style="width:300px;height:30px;background:white;outline:none;font-size:20px;font-weight:700;" id="studentname" name="username" value=""></div>            
<div class="password">密码:<input type="password" style="width:300px;height:30px;background:white;outline:none;font-size:20px;font-weight:700;" id="studentpassword" name="password" value=""></div>          
<div class="button">
<input type="submit" style="width:100px;height:30px;background:white;outline:none;" class="btnOK" value="管理员登录">
<input type="submit" style="width:60px;height:30px;background:white;outline:none;" class="btnReturn" value="取消"></div>
</div>

</body>
</html>